<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="shortcut icon" href="./public/park.ico" type="image/x-icon">
    <title>车位管理界面</title>
</head>

<body>
    <div class="top">
        <span class="logo">
            <img src="./img/park.jpg" alt="">
        </span>
        <span class="tip">
            <h1>停车场车位管理界面(管理员)</h1>
        </span>
        <span class="out">
            <a href="./login.html">&gt;退出</a>
        </span>
    </div>
    <div class="leftMenu">
        <span class="menu">
            <h2>功能菜单</h2>
        </span>
        <ul>

            <hr>
            <li class="open">
                <img src="./img/down.jpg" alt=""> 车位出租管理
                <ul class="option" id="option">
                    <li id="Inbound-login">|---<img src="./img/sign.jpg" alt=""> 车位出租</li>
                    <li id="Outbound-statistics">|---<img src="./img/sign.jpg" alt=""> 车位出租记录</li>
                </ul>
            </li>
            <hr>
            <li class="open">
                <img src="./img/down.jpg" alt=""> 车位信息管理
                <ul class="option" id="option">
                    <li id="StallInfoAdd">|---<img src="./img/sign.jpg" alt=""> 车位信息添加</li>
                    <li id="StallInfoSearch">|---<img src="./img/sign.jpg" alt=""> 车位信息查询</li>
                </ul>
            </li>
            <hr>
            <li class="open">
                <img src="./img/down.jpg" alt=""> 系统管理
                <ul class="option" id="option">
                    <li id="Change-password">|---<img src="./img/sign.jpg" alt=""> 用户管理</li>
                </ul>
            </li>
            <li class="open">
                <img src="./img/down.jpg" alt=""> 用户反馈表
                <ul class="option" id="option">
                    <li id="Regular-user">|---<img src="./img/sign.jpg" alt=""> 用户建议</li>
                    <li id="CarManagementInfo">|---<img src="./img/sign.jpg" alt=""> 车位信息反馈</li>
                </ul>
            </li>
            <hr>
        </ul>
    </div>
    <div class="item">
        <div class="items">
            <h2>内容页面</h2>
        </div>
        <div class="item1" id="item1">
            <form action="" method="post">
                <input type="text" placeholder="查询车位编号、车位类别" name="searchTermpark">
                <input type="button" value="查询" onclick="parkinfo()">
                <select name="car-Type" id="car-Type" onchange="parkinfos()">
                    <option value="0">车位状态</option>
                    <option value="1">已出租</option>
                    <option value="2">未出租</option>
                    <option value="3">已损坏</option>
                </select>
                <table border="1" id="tbPark">
                    <tr>
                        <th>ID</th>
                        <th>车位编号</th>
                        <th>车位照片</th>
                        <th>车位类型</th>
                        <th>车位状态</th>
                        <th>出租时间</th>
                        <th>结束</th>
                        <th>操作</th>
                    </tr>
        </div>
        </table>
        </form>
    </div>
    <div class="item2" id="item2">
        <form action="" method="post">
            <table border="1">
                <tr>
                    <th>车位编号:</th>
                    <td><input type="text" name="CarID">*</td>
                </tr>
                <tr>
                    <th>车位照片:</th>
                    <!-- <td><input type="file" name="CarType">*</td> -->
                    <td><input type="text" name="CarType">*</td>
                </tr>
                <tr>
                    <th>车位类型:</th>
                    <td>
                        <select name="stall" id="stall">
                            <option value="室外">室外</option>
                            <option value="室内">室内</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>车位状态:</th>
                    <td>
                        <select name="stallType" id="">
                            <option value="已出租">已出租</option>
                            <option value="未出租">未出租</option>
                            <option value="已损毁">已损毁</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <th>操作</th>
                    <td>
                        <input type="reset" value="重置">
                        <input type="submit" value="提交" onclick="btnSavepark()">
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <!-- 用户建议 -->
    <div class="item3" id="item3">
        <table border="1">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>编号</th>
                    <th>卡号</th>
                    <th>卡型</th>
                    <th>领取日期</th>
                    <th>领取人</th>
                    <th>备注</th>
                </tr>
            </thead>
        </table>
    </div>
    <!-- 车位信息反馈 -->
    <div class="item4" id="item4">
        <form action="" method="post">
            <table border="1">
                <th>标题</th>
                <th>内容</th>
                <th>照片</th>
            </table>
        </form>
    </div>
    <!-- 进站登录 -->
    <div class="item5" id="item5">
        <form action="" method="post">
            <table border="2">
                <thead>
                    <tr>
                        <th>序号</th>
                        <th>车牌号</th>
                        <th>车载人数</th>
                        <th>进站事由</th>
                        <th>进站时间</th>
                        <th>登记人</th>
                        <th>备注</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>001</td>
                        <td>京B888888</td>
                        <td>80人</td>
                        <td>旅游</td>
                        <td>2023/06/20</td>
                        <td>李华</td>
                        <td></td>
                    </tr>
                </tbody>
            </table>
        </form>
    </div>
    <!-- 出站统计 -->
    <div class="item6" id="item6">
        <form action="">
            <table border="1">
                <thead>
                    <tr>
                        <th>时间</th>
                        <th>出站口</th>
                        <th>车号</th>
                        <th>出口车辆</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>2025/09/13</td>
                        <td>北门</td>
                        <td>京B888888</td>
                        <td>1辆</td>
                    </tr>
                </tbody>
            </table>
        </form>
    </div>
    <!-- 用户管理 -->
    <div class="item11" id="item11">
        <form action="" method="post">
            <input type="text" placeholder="查询身份证或手机号" name="searchTerm">
            <input type="button" value="查询" onclick="btnFilter()">
            <table border="1" id="tbRole">
                <tr>
                    <th>ID</th>
                    <th>用户名</th>
                    <th>年龄</th>
                    <th>身份证号码</th>
                    <th>电话号码</th>
                    <th>家庭住址</th>
                    <th>车牌号</th>
                    <th>房间号</th>
                    <th>操作</th>
                </tr>
            </table>
        </form>
    </div>
    </div>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/userinfo.js"></script>
    <script src="./js/parking.js"></script>
</body>
</html>